{% extends "base.html" %}
{% block title %}
	Course - {{ course.name }}
{% endblock %}

{% block body %}
	<div class="jumbotron">
		<h2>{{ course.name }}</h2>
		<p>{{ course.description }}</p>
	</div>
	<div class="row">
		<div class="col-md-8">
			<div class="list-group">
				{% for chapter in course.chapters %}
				<a class="list-group-item" href="#">
					<span class="glyphicon glyphicon-play" aria-hidden="true"></span>
					<span>{{ chapter.name }} &nbsp; ({{ chapter.video_duration }})</span>
				</a>
				{% endfor %}	
			</div>
		</div>
		<div class="col-md-4">
			<h3>课程教师</h3>
			<div class="media">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="" alt="64*64">  
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">{{ course.author.username }}</h4>
					{{ course.author.job }}

				</div>
			</div>
		</div>
	</div>
{% endblock %}
